<template>
  <div>
<!--    v-bind="$attrs" @testM1="testM1"-->
    <base-input
      v-model="username"
      v-on="$listeners"
      :username.sync="username"
      @test-emit="testEmit"
    ></base-input>
<!--    @update:username="username = $event"-->
    {{username}}
  </div>
</template>

<script>
  import BaseInput from "./BaseInput"

  export default {
    name: "input",
    inheritAttrs: false,
    components: {
      BaseInput
    },
    data() {
      return {
        username: '1'
      }
    },
    methods: {
      testM1() {
        console.log('i am in test')
      },
      testEmit(student){
        console.log('in')
        console.log(student)
      }
    }
  }
</script>

<style scoped>

</style>
